.container{
    height: 100vh;
    background-color: #F9D2E7;
    padding-top: 20px;
}

.page__know{
   margin-top: 30px;
}
.page__merit{
    margin-top: 30px;
}
.page__bd{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 30rpx;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.page{
    width: 100%;
    padding:10px 40px;
}
.rate{
    width: 100%;
    height: 100rpx;
    margin-top: 5px;
}
.know{
    font-size: 25rpx;
    width: 100%;
    height: 350rpx;
    padding: 10px;
    margin: 20px 0;
    background-color: #FFF3F9;
    border-radius: 10px;
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 10px rgb(248, 95, 120);
}
.merit{
    font-size: 25rpx;
    width: 100%;
    height: 300rpx;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #FFF3F9;
    border-radius: 10px;
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 10px rgb(248, 95, 120);
}
.know__merit{
    margin:25px 0;
}
.next{
    float: right;
    margin-left: 300px;
    margin-top: 20px;
}
.button{
    width:70px;
    height:70px;
}

.grid-marign-bottom {
    height: 72.464rpx;
}
.mode-title-container {
    margin-top: 72.464rpx;
    margin-bottom: 25.362rpx;
}
.mode-title-container:first-of-type {
    margin-top: 34.043rpx;
}
.content-item {
    background-color: #fff;
}